<html>
<head>
	<meta charset="utf-8">
	<title>JavaScript 基础</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="content" style="background-image: url(img/bg1.jpg);">
	<div class="box">
		<h2>JavaScript（专为网页交互而设计的脚本语言）</h2>
		<ul class="first">
			<li>核心（ECMAScript）:提供核心语言功能</li>
			<li>文档对象模型（DOM）:提供访问和操作网页内容的方法和接口</li>
			<li>浏览器对象模型（BOM）:提供与浏览器交互的方法和接口</li>
		</ul>
		<h3>特点</h3>
		<ul class="first">
			<li>松散性、对象属性、继承机制（基于原型），拥有动态类型，即相同的变量可作不同的类型</li>
			<li>解释性：JavaScript不同于一些编译性的程序语言，例如C、C++等，它是一种解释性的程序语言，它的源代码不需要经过编译，而直接在浏览器中运行时被解释。</li>
			<li>基于对象：JavaScript是一种基于对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。</li>
			<li>事件驱动： JavaScript可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的响应，是以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，此动作称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。</li>
			<li>跨平台：JavaScript依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。</li>
			<li>安全性：JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。这样可有效地防止数据的丢失。</li>
		</ul>
		<h3>注意</h3>
		<ul class="first">
			<li class="font">引入：必须保持双标记，之中不能再写入代码</li>
			<li class="font">不要在代码字母之间换行</li>
			<li class="font">若诚信声明变量，原有的值不会消失
				<div class="example">如  var carname=1；var carname；<br/>
				carname的值仍为1</div>
			</li>
		</ul>
		<h2>这是正文</h2>
		<ul class="first">
			<li>语法构成
				<ul class="second">
					<li>区分大小写</li>
					<li>标识符：变量、函数、属性的名字，或函数的参数</li>
					<div class="font">第一个字母必须是字母、下划线或“$”<br/>不能把关键字、保留字、true、false和null作为标识符</div>
					<li>注释
						<div class="example">number：数字 ； string：字符串 ； boolean：布尔值（true、false） ； object、null<br/>{x:1,y:2}：对象（花括号） ； [1,2,3]：数组</div></li>
					<li>直接量（程序中直接显示出来的数据值）
						<div class="example">颜色单一过渡少的图片，动画，导出GIF；背景透明图片，导出PNG；颜色多且过渡多的，导出JPG</div>
					</li>
				</ul>
			</li>
			<li>关键字和保留字（实在太多在次不一一举例）</li>
			<li>变量（也可以称之为容器）
				<ul class="second">
					<li>是松散类型的（即用来保存任何类型的数据）</li>
					<li>当变量没有赋初始值时，就是undefined，表示未定义
						<div class="font">变量：初始化后可以再次改变的值，可以同时改变不同菱形的量</div>
					</li>
				</ul>
			</li>
			<li>数据类型
				<div class="font">undefined、number、string、boolean、object(表示对象或null)、function（函数）</div>
				<ul class="second">
					<li>typeOf:输出类型，即判断基本数据类型（可区分function和object）</li>
					<li>undefined：只有一个值，即undefined</li>
					<li>null：只有一个值，即null，表示一个空对象引用（指针）
						<div class="font">可用来清空变量（如一个变量前面使用完后面不需要再次使用，该做法的好处是可以释放内存）<br/>注意：undefined派生自null，所以undefined==null</div>
					</li>
					<li>boolean
						<div class="font">只有两个数：true和false<br/>转型函数Boolean</div>
					</li>
					<li>number(整数、浮点数)
						<div class="font">NaN非数值<br/>isNaN()函数：判断值是否是NaN(简介判断值是不是number)</div>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</div>
	
</body>
</html>